@use 'sass:map';

@use '@/assets/styles/common/var.scss' as *;
@use '@/assets/styles/mixins/_button.scss' as *;
@use '@/assets/styles/mixins/mixins.scss' as *;
@use '@/assets/styles/mixins/utils.scss' as *;
@use '@/assets/styles/mixins/_var.scss' as *;

@include b(menu-group) {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: white;
    @include safe-area-inset-bottom();

    .pb-plus {
        width: 100%;
        height: 100%;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .drawer-content {
        position: relative;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .mask {
        position: absolute;
        @each $i in (inset, left, right, bottom, top) {
            $i: 0;
        }
        transform: scale(1);
        filter: blur(10px);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}
